body {
    background-color: #001E26 !important;
}

.main-body .page-wrapper .page-header-title h4,
.main-body .page-wrapper .page-header-title h3,
.main-body .page-wrapper .page-header-title h2,
.main-body .page-wrapper .page-header-title h1 {
    color: #fff;
}

.table.table-xl td, .table.table-xl th {
    padding: 0.25rem 0.25rem !important;
    height: 1.5rem;
    line-height: 1.5rem;
}

.btnSpan {
    margin: 10px;
    cursor: pointer;
}


.pcoded-main-container {
    background-color: #001E26 !important;
}

.card {
    background-color: #003543 !important;
    color: #fff;
}

.card .card-header h5,
.card .card-header h4,
.card .card-header h3,
.card .card-header h2,
.card .card-header h1 {
    color: #fff;
}

a {
    color: #fff !important;
}

.sub-title {
    color: #fff !important;
}

.text-inverse {
    color: #fff !important;
}

.bg-progress {
    background-color: #001E26 !important;
    height: 6px;
}

.bg-progress-fill {
    background-color: #00DC82 !important;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 6px;
}

.pcoded .pcoded-container {
    background-color: #001E26 !important;
}

/* DATEPICKER */
.datepicker {
    background-color: #001E26 !important;
}

.datepicker table tr td, .datepicker table tr th {
    color: #fff;
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    color: #3a3a3a;
}

/* NAVBAR */
.pcoded .pcoded-header[header-theme="theme1"], .pcoded .pcoded-navbar[navbar-theme="theme1"] {
    background: #003543;
    color: #fff;
}

.pcoded .pcoded-navbar[navbar-theme="theme1"] .main-menu {
    background: #003543;
    color: #fff;
}

.pcoded .pcoded-header .navbar-logo[logo-theme="theme1"] {
    background: #003543;
    color: #fff;
}

.pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item>li.pcoded-trigger.active>a {
    background: #001E26;
    color: #fff;
}


/* LOADER */
.theme-loader {
    background-color: #001E26 !important;
}

/* USER OPTIONS */
.header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification,
.header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification {
    background-color: #001E26 !important;
    color: #fff;
}

.header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification:after, .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification:after {
    border-color: #001E26 !important;
}

.morris-hover {
    width: 250px;
    background-color: #001E26 !important;
    border-color: #003543 !important;
}
.morris-hover-row-label {
    color: #fff !important;
}


.login-block {
    background: #001E26 !important;
}

@media only screen and (min-width: 390px){
    .header-navbar .navbar-wrapper .navbar-logo .mobile-menu{
        position:absolute;
        left:5px;
        top:calc(50% - 20px);
        border-radius:50%;
        padding:5px 9px;
        font-size:20px;
    }
}

@media only screen and (max-width: 1920px) and (min-width: 994px){
    .header-navbar .navbar-wrapper .navbar-logo .mobile-menu{
        position:absolute;
        left: 180px;
        top:calc(50% - 20px);
        border-radius:50%;
        padding:5px 9px;
        font-size:20px;
    }
}